﻿@using DCMS.Web.Extensions;
@using DCMS.Web.Framework;
@using DCMS.Web.Framework.UI;
@using DCMS.ViewModel.Models.Finances;
@using DCMS.ViewModel.Models.Report;
@using System.Collections.Generic;
@using System.Linq;
@using DCMS.Core.Domain.Common;

@model MarketReportTerminalValueAnalysisListModel

<section id="content_wrapper">

	<!-- Start: Topbar-Dropdown -->
	<div id="topbar-dropmenu">
		@await Html.PartialAsync("_ToolBox")
	</div>
	<!-- End: Topbar-Dropdown -->
	<!-- Start: Topbar -->
	<header id="topbar">
		<div class="topbar-left">
			<ol class="breadcrumb">
				<li class="crumb-active">
					<a href="#">报表</a>
				</li>
				<li class="crumb-icon">
					<a href="@Url.RouteUrl("HomePage")">
						<span class="glyphicon glyphicon-home"></span>
					</a>
				</li>
				<li class="crumb-link">
					<a href="#">市场报表</a>
				</li>
				<li class="crumb-trail">客户流失预警</li>
			</ol>
		</div>
		<div class="topbar-right">
			<div class="ml15 ib va-m" id="toggle_sidemenu_r">
				<a href="#" class="pl5">
					<i class="fa fa-sign-in fs22 text-primary"></i>
					<span class="badge badge-hero badge-danger">3</span>
				</a>
			</div>
		</div>
	</header>
	<!-- End: Topbar -->
	<!-- Begin: Content -->
	<section id="content" class="formSection">

		<div class="special-alerts">
			<div class="alert alert-danger light alert-dismissable" id="alert-demo-2" style="display: none;">
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
				<i class="fa fa-info pr10"></i>
				<strong>您没有被授权此操作!</strong>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12">

				<form asp-action="MarketReportTerminalLossWarning" asp-controller="MarketReport" method="get" id="formSearch" novalidate="novalidate">
					<div class="panel panel-default" id="panel0">
						<div class="panel-heading">
							<span class="glyphicon glyphicon-search"></span> 高级搜索
							<a class="btn btn-default btn-sm pull-right m5 mrn p5 pbn" id="AdvancedSearch"><i class="fa fa-angle-double-right"></i></a>
						</div>
						<div class="panel-body p10">

							<div class="row">
								<div class="col-sm-2">
									<div class="input-group">
										<input asp-for="TerminalId" type="hidden" />
										<input asp-for="TerminalName" class="form-control" placeholder="客户..." />
										<span class="input-group-btn">
											<button id="btn_search_customer" type="button" class="btn btn-default">
												<span class="glyphicon glyphicon-search"></span>
											</button>
										</span>
									</div>
								</div>
								<div class="col-sm-2">
									<dcms-select asp-for="DistrictId" asp-items="@Model.Districts" asp-default="片区" />
								</div>
								@*<div class="col-sm-2">
									<dcms-select asp-for="TerminalValueId" asp-items="@Model.TerminalValues" asp-default="客户类型" />
									</div>*@
								<div class="col-sm-8">
									<button id="btn_query" type="submit" class="btn btn-primary btn-block">
										<span class="glyphicon glyphicon-search mr5" aria-hidden="true"></span>查询
									</button>
								</div>
							</div>

						</div>
					</div>

				</form>

				<div class="panel">
					<div class="panel-heading">
						<div class="panel-title">
							<span class="glyphicon glyphicon-tasks"></span> 报表 统计数据区间 @DateTime.Now.AddDays(-90).ToString("yyyy年MM月dd日") - @DateTime.Now.AddDays(-1).ToString("yyyy年MM月dd日")
						</div>
					</div>
                    <div class="panel-body p10">

                        <div id="toolbar" class="btn-group mb10">
                            <a id="btn_export" href="@Url.Action("ExportMarketReportTerminalLossWarning",new {Model.TerminalId,Model.TerminalName,Model.DistrictId})" class="btn btn-info btn-sm mr5">
                                <span class="glyphicon glyphicon-export mr5"></span>导出
                            </a>

                        </div>


                        <div class="tab-block">
                            <ul class="nav nav-tabs tabs-bg">
                                @foreach (var group in Model.Groups)
                                {
                                    <li class="@(group.TerminalValueId== Model.TerminalValueId?"active":"")">
                                        <a href="?type=@group.TerminalValueId">
                                            <i class="fa fa-align-justify text-purple"></i>
                                            @(group.TerminalValueName)
                                        </a>
                                    </li>
                                }
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active">
                                    <table class="table table-striped table-bordered table-hover">

                                        <tr>
                                            <th class="text-left"><div class="th-inner">客户</div></th>
                                            <th class="text-left"><div class="th-inner">客户编码</div></th>
                                            <th class="text-left"><div class="th-inner">类型</div></th>
                                            <th class="text-right"><div class="th-inner">未采购天数</div></th>
                                            <th class="text-right"><div class="th-inner">采购次数</div></th>
                                            <th class="text-right"><div class="th-inner">采购额度</div></th>
                                            <th class="text-left"><div class="th-inner">所属片区</div></th>
                                            <th class="text-right"><div class="th-inner">未拜访天数</div></th>
                                            <th class="text-right"><div class="th-inner">客户价值评分</div></th>
                                        </tr>

                                        @foreach (var item in Model.Items)
                                        {
                                            <tr>
                                                <td class="text-left">@item.TerminalName</td>
                                                <td class="text-left">@item.TerminalCode</td>
                                                <td class="text-left">@item.TerminalTypeName</td>
                                                <td class="text-right">@item.NoPurchaseDays</td>
                                                <td class="text-right">@item.PurchaseNumber</td>
                                                <td class="text-right">@item.PurchaseAmount</td>
                                                <td class="text-left">@item.DistrictName</td>
                                                <td class="text-right">@item.NoVisitDays</td>
                                                <td class="text-right">@item.RFMScore</td>
                                            </tr>
                                        }

                                    </table>
                                </div>
                            </div>
                        </div>

                        @{
                            var pager = Html.Pager(Model.PagingFilteringContext).QueryParam("pagenumber");
                        }

                        @if (!pager.IsEmpty())
                        {
                            <div class="fixed-table-pagination" style="display: block;">
                                @Html.Raw(pager.ToString())
                            </div>
                        }

                    </div>
				</div>
			</div>

		</div>

	</section>

	<!-- End: Content -->
</section>

@await Html.PartialAsync("_Windows", Model)

@{
//Html.AddCssFileParts(ResourceLocation.Head, "~/assets/skin/default_skin/css/theme.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/Scripts/Toastr/toastr.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/Scripts/Tables/bootstrap-table.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/vendor/plugins/datepicker/css/bootstrap-datetimepicker.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/vendor/plugins/daterange/daterangepicker.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/vendor/plugins/colorpicker/css/bootstrap-colorpicker.min.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/vendor/plugins/tagmanager/tagmanager.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/vendor/plugins/fancytree/skin-win8/ui.fancytree.min.css");
//Html.AddCssFileParts(ResourceLocation.Head, "~/Content/Site.css");
}

@section CurPageScripts
{
	@{
//Html.AddScriptParts(ResourceLocation.Footer, "~/assets/js/utility/jquery.sparkline.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/jquery.validate.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/jquery.validate.unobtrusive.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/Tables/jquery.treegrid.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/Tables/bootstrap-table.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/Tables/locale/bootstrap-table-zh-CN.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/Tables/bootstrap-table-treegrid.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/globalize.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/moment.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/moment-with-locales.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/vendor/plugins/daterange/daterangepicker.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/vendor/plugins/datepicker/js/bootstrap-datetimepicker.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/vendor/plugins/colorpicker/js/bootstrap-colorpicker.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/vendor/plugins/jquerymask/jquery.maskedinput.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/vendor/plugins/tagmanager/tagmanager.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/vendor/plugins/fancytree/jquery.fancytree-all.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/Toastr/Toastr.min.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/Scripts/Custom/Common.js");
//Html.AddScriptParts(ResourceLocation.Footer, "~/assets/js/bootstrap/holder.min.js");
	}

	<script type="text/javascript">

		jQuery(document).ready(function () {

			"use strict";

			// Init Theme Core
			Core.init();

			// Init Demo JS
			Demo.init();

			//权限提示
			if ($(this).getUrlQueryString("Authorize") == "noAuthorize") {
				$('#alert-demo-2').fadeToggle();
				setTimeout(function () {
					$('#alert-demo-2').fadeToggle();
				}, 3000);
			}

			//高级搜索
			$("#panel0 #AdvancedSearch").click(function () {
				var ico = $(this).find(".fa");
				if (ico.hasClass('fa-angle-double-right'))
					ico.removeClass("fa-angle-double-right").addClass("fa-angle-double-down");
				else
					ico.removeClass("fa-angle-double-down").addClass("fa-angle-double-right");
				$("#panel0").find(".panel-body").toggleClass("hidden fadeIn");
			});

			//商品列表选择赋值
			window.operateEventsPop = {
				'click .rowSelect': function (e, value, row, index) {
					var index = $(this).attr("data-id");
					var keys = Object.keys(row.Units);
					$("#ProductName").val(row.Name);
					$("#ProductId").val(row.Id);
					$('#ModalProductWindows').modal('hide');
				}
			};
			$("#btn_search_product").click(function () {
				$(this).productSelectShowModal($("#ModalProductWindows"), "/Product/AsyncSearchSelectPopup", null, "选择商品", $("#ProductModalForm"),
					function () { });
			});

			//客户搜索
			$(document).on('click', "#btn_search_customer", function () {
				var actionUrl = "/Terminal/AsyncSearchSelectPopup";
				$(this).showModalV2($("#TerminalSelectModalWindow"), actionUrl, { ids: "" }, "选择终端", $("#TerminalSelectForm"), function (rows) { });
			});

			window.operateEventsPopTerminal = {
				'click .rowSelect': function (e, value, row, index) {
					try {
						$("#TerminalId").val(row.Id);
						$("#TerminalName").val(row.Name);
						$('#TerminalSelectModalWindow').modal('hide');
					}
					catch (err) {
						console.log(err);
						$(this).showToastr(err);
						return;
					}
				}
			};

			//防止重复查询
			var queryNumber = 1;
			$("#btn_query").click(function () {
				if (queryNumber > 1) {
					return false;
				}
				queryNumber = queryNumber + 1;
			});

			//用户修改客户名称，将客户Id置零
			$("#TerminalName").bind("change", function () {
				$("#TerminalId").val(0);
			});
			//导出
			$("#btn_export").click(function () {
				window.location.href = "/MarketReport/ExportMarketReportTerminalLossWarning?terminalId=" + $("#TerminalId").val() + "&terminalName=" + $("#TerminalName").val() + "&districtId=" + $("#DistrictId").val();
			});
		});
	</script>
}